<template>
  <div>
    <a-tabs type="card" @change="tabsChange" v-model="tabIndex" :tabBarStyle="{'marginBottom':0,'marginTop':'20px'}">
      <!-- <a-tab-pane :key="1" tab="新增数据">
        <addDataChart />
      </a-tab-pane> -->
      <a-tab-pane :key="2" tab="总消费">
        <xiaohaoDataChart />
      </a-tab-pane>
      <a-tab-pane :key="6" tab="消费数据">
        <xiaofei />
      </a-tab-pane>
      <a-tab-pane :key="3" tab="成交数据">
        <chengjiaoDataChart />
      </a-tab-pane>
      <a-tab-pane :key="4" tab="ROI数据">
        <roiDataChart />
      </a-tab-pane>
      <a-tab-pane :key="5" tab="计划数据">
        <jihuaDataChart />
      </a-tab-pane>
      <a-tab-pane :key="7" tab="图灵计划数据">
        <turingCampaign />
      </a-tab-pane>
    </a-tabs>
  </div>
</template>

<script>
import {xiaohaoDataChart, chengjiaoDataChart, roiDataChart, jihuaDataChart, xiaofei} from './optimizerCharts'
import turingCampaign from './turingCampaign.vue';

export default {
  data(){
    return{
      tabIndex:2
    }
  },
  methods:{
    tabsChange(){

    }
  },
  components:{xiaohaoDataChart, chengjiaoDataChart, roiDataChart, jihuaDataChart, xiaofei, turingCampaign},
}
</script>

<style lang="less" scoped>

</style>